.page{
	height: 100%;
	height: 100%;
	background-color: #F4F4F4;
	overflow: hidden;
}
.inputMsg{		
	margin-top: 36rpx;
	margin-right: 20rpx;
	font-size: 70rpx;
	color: rgba(88, 100, 253, 1);	
}
.inputMsg image{
	width: 180rpx;
	height: 80rpx;
}
.page-head{
		background-color: #FFFFFF;
		padding-top: 80rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		overflow: hidden;
		margin-bottom: 0rpx;
		.page-location{
			display: flex;
			flex-direction: row;
		}
		.page-head-img{	
			width: 100rpx;
			height: 100rpx;
			margin: 10rpx 40rpx;
			border: 1rpx solid #ffffff;
			border-radius: 50%;	
			.location{
				width: 100%;
				height: 100%;
				border-radius: 50%;
			}		
		}
		.page-head-input{
			display: flex;
			flex-direction: row;		
			margin-top: 40rpx;
			.page-head-Select{
				width: 100%;
				margin-left: -20rpx;
				margin-right: 6rpx;
				font-size: 30rpx;
			}
			.select-img{
				margin-top: -8rpx;
				width: 50rpx;
				height: 50rpx;
				cursor: pointer;
				
			}
		}
	}
.page-head-tab{
	width: 100%;
	height: 80rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #8E8F92;
	background-color: #ffffff;
	.tab-wrap{
		display: flex;
		align-items: center;
		justify-content: space-around;
		.tab-item{
			margin-left: 30rpx;
			color: #8E8F92;
		}
		.on{
			color: #1D1F24;
		}
		
	}
	.select-down{
		margin-right: 20rpx;
		.icon{
			color: $dominant-color;
		}
	}
}
.list-wrap{
	width: 100%;
	margin-bottom: 40rpx;
	padding-bottom: 60rpx;
	.list-item{
		width: 96%;
		margin: 20rpx 2%;
		background-color: #ffffff;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-radius: 8rpx;
		.item-info{
			display: flex;
			align-items: center;
			justify-content: flex-start;
			.info-avatar{
				width: 100rpx;
				height: 100rpx;
				margin: 20rpx;
			}
			.info{
				color: #8E8F92;
				.item-name{
					color: #1D1F24;
					font-size: 32rpx;
					margin-bottom: 10rpx;
				}
				.item-tag{
					text{
						margin-right: 8rpx;
					}
				}
			}
		}
		.item-btn{
			margin-top: 10rpx;
			background-color: $dominant-color;
			color: #ffffff;
			border-radius: 10rpx;
			padding: 10rpx 15rpx;
		}
		
	}
}
.screen {
		width: 100%;
		//height: 100%;
		background-color: #FFFFFF;
		position: fixed;
		bottom: 0rpx;
		border-radius: 20rpx 20rpx 0 0;
		z-index: 99;
		//overflow: auto;
	}

	.screen-head {
		display: flex;
		flex-direction: row;
		align-items: center;
		margin: 20rpx 26rpx;
	}

	.close {
		width: 60rpx;
		height: 60rpx;
		margin-right: 260rpx;
	}

	.screen-head text {
		font-size: 30rpx;
		font-weight: 800;
	}

	.screen-item {
		margin-top: 40rpx;
		margin-bottom: 50rpx;
	}

	.screen-item h4 {
		margin: 20rpx 40rpx;
		font-weight: 700;
		font-size: 30rpx;
	}

	.screen-type {
		display: inline-block;
		margin-left: 60rpx;
	}

	.type-item {
		margin-top: 16rpx;
		width: 190rpx;
		height: 60rpx;
		background-color: #ebebeb;
		text-align: center;
		line-height: 60rpx;
		margin-left: -20rpx;
		border: 2rpx solid #FFFFFF;
		box-sizing: border-box;
	}

	.have {
		border: 2rpx solid #007AFF;
		background-color: #FFFFFF;
		color: #007AFF;
	}
	


	.screen-foot {
		width: 100%;
		//position: absolute;
		//bottom: 100rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		margin-bottom: 40rpx;
		margin-top: 20rpx;
	}

	.screen-foot view {
		height: 80rpx;
		width: 26%;
		border: 2rpx solid #007AFF;
		box-sizing: border-box;
		text-align: center;
		line-height: 80rpx;
		margin-left: 0rpx;
		color: #007AFF;
	}

	.screen-foot .screen-confirm {
		width: 58%;
		background-color: #007AFF;
		color: #FFFFFF;
	}
	.yy{
		width: 100%;
		position: fixed;
		top: 0;	
		background-color: rgba(0,0,0,0.6);
		z-index: 90;
	}
	.payBox{
		margin-right: 20rpx;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	.pay{
		margin-bottom: 6rpx;
		color: #636EFD;
		margin-right: 6rpx;
		font-size: 30rpx;
	}
	